.fl{ float: left;}
.fr{ float: right;}
.h5{ height: 5px;}
.h8{ height: 8px;}
.h10{ height: 10px;}
.h12{ height: 12px;}
.h15{ height: 15px;}
.h17{ height: 17px;}
.h23{ height: 23px;}
.h25{ height: 25px;}
.h32{ height: 32px;}
.h35{ height: 35px;}
.h40{ height: 40px;}
.h57{ height: 57px;}
.h90{ height: 90px;}
body{ min-width: 1260px; background-color: #f5f5f5;}
/*header*/
.header{ background: #FFF; height: 100px; position:relative; z-index :99;}
.header .logo{ width: 188px; padding-top:16px;}
.header .logo a{ display: block; }
.header .logo img{ display: block; width: 188px; height: 27px; }
.header .topsearch{ width: 255px; }
.header .topsearch label{ float: left;background: url(../webimages/searchbg.jpg) no-repeat center center; display: block; width: 203px; height: 26px;}
.header .topsearch .searchbtn{ display: block; width: 26px; height: 26px; cursor: pointer; float: right;}
.header .topsearch dd{ float: left; }
.header .topsearch dt{ float: right; }
.header .topsearch dt a{ display: block; }
.header .topsearch dt a img{ display: block;width: 23px; height: 20px; }
.header .rightnav{ width: 869px;}
.header .header-crumbs{ width: 300px; padding-top:23px; padding-right: 25px;}
.header .search-box{ position: relative; width: 203px;}
.header .search-box label{ background: url(../webimages/searchbg.jpg) no-repeat ; width: 188px; height: 26px; display: block; padding-left: 15px;}
.header .search-box input.text{ display: block; height: 26px; width: 156px;  float: left;}
.header .search-box input.submit{ display: block; height: 26px; width: 40px; cursor: pointer; position: absolute; right: 0; top:0;}
.header .nav{ float: right;  height: 51px; line-height: 51px; *width:652px;}
.header .nav li{ float: left; display: block; height: 51px; text-align: center;}
.header .nav li>a{ display: block; height: 48px; font-size: 16px;padding:0 25px;}
.header .nav li:hover>a,.header .nav li>a.cur{ color: #194589; border-bottom: 3px solid #194589;}
.header .weixin{ width: 23px; height: 20px; padding-top:4px; padding-left: 24px;}
.header .weixin .shearweixin{ background: url(../webimages/topweixin.png) no-repeat; display: block;width: 23px; height: 20px; padding:0 !important; margin:0 !important;}
.subnavcont{width:100%;background:url(../webimages/icon25.png) repeat-y;background-size:100%;position:absolute; right:0;top:100px;z-index:30;display:none; }
.subnavlist{line-height:48px;}
.subnavlist em{ padding:0 40px 0 40px; color: #626262;}
.header .nav li .subnavlist a{color:#e5e5e5;padding:0;background:none;height:auto;line-height:48px; font-size: 15px; display: inline-block; }
.header .nav li .subnavlist a:hover{color:#00a4d8;background:none; border: none;}
.navabout{text-align: center;}


/*footer*/
.footer{ background-color: #7d7f84; padding:28px 0 36px 0;}
.foot-nr{}
.footer .foot-nr ul{ width:833px; }
.footer .foot-nr ul li{ width: 166px; float: left;}
.footer .foot-nr ul li h5{ font-size: 16px; color: #FFF; padding-bottom: 18px;}
.footer .foot-nr ul li a{ color: #ddd; font-size: 13px; display: block; }
.footer .foot-nr ul li a:hover,.footer .foot-nr ul li a.cur{ font-weight: bold;}
.footer .foot-nr ul li p{padding-bottom: 5px; }
.footer .code { border-left: 1px solid #9c9ea4; width: 310px; text-align: center;}
.footer .code h5{ font-size: 16px; color: #FFF;}
.footer .code .erweima{padding:30px 0 25px 0;}
.footer .code .erweima img{ display: block; width: 89px; height: 89px; margin:0 auto;}
.footphone01 { font-size: 12px; height: 26px; overflow: hidden; color: #FFF; width: 170px; margin: 0 auto;}
.footphone01 img{  display: block; width: 18px; height: 17px; float: left; margin-top:2px; margin-left:10px; }
.bottominfo{ height: 48px;padding-top:32px; background-color: #75777c;}
.bottominfo .bordertop{border-top:1px solid #ccc; }
.bottominfo a,.bottominfo em,.bottominfo span{ color: #dddddd; font-size: 12px;}
.bottominfo span { display: block; width: 405px; text-align: left;}
.bottominfo a:hover,.footer .bottominfo a.cur{ font-weight: bold;}
.bottominfo .beiah img{ vertical-align: -4px; margin-left: 8px;}

.rightmenu{position: fixed;right: 45px;top: 80%;z-index: 999; width: 55px; }
.rightmenu .ico04{background: url(../webimages/top.png) no-repeat;cursor: pointer; display: block; width: 55px; height: 55px;}

/*indexbanner*/
.indexbanner{width:100%;height:450px; position:relative;overflow:hidden;}
.indexbanner ul{margin:0 auto; padding:0; position: absolute; top:0; left: 50%; margin-left:-960px; width: 1920px; height: 450px;}
.indexbanner li{ margin:0; padding:0;}
.indexbanner li a img{display:block;width:1920px;height:450px; margin:0 auto;}
.indexbannerbtn{width:100%;text-align:center;position:absolute;left:0;z-index:20;bottom:12px;}
.indexbannerbtn a{display:inline-block; width:12px; height:12px; margin:0px 4px; background:url(../webimages/icon55.png) no-repeat; overflow:hidden; line-height:300px;}
.indexbannerbtn a.cur{background:url(../webimages/icon55ho.png) no-repeat; width:13px; height:13px;}

.bannertextcont{position:absolute;color:#333;min-width:1180px; left:50%;bottom:147px;margin:0 0 0 -590px;z-index:10; }
.bannerleft{text-align:left;}
.bannercenter{text-align:center;}
.bannerright{text-align:right;}
.bannertitle{font-size:45px;line-height:47px; font-weight: bold;}
.bannertitle img{ vertical-align: -6px; margin-right: 17px;}
.bannertitle2{font-size:20px;line-height:47px; font-weight: bold; padding-top:8px; padding-bottom: 25px;}
.bannertext{font-size:15px; line-height: 24px; width: 387px; padding-bottom:25px;}
.bannerlink{display:inline-block;width:133px;height:42px;line-height:42px;text-align:center;font-size:14px;border:1px solid #FFF;color:#fff;}
.leftbtn,.rightbtn{display:none; top:40%;margin-top:-47px; z-index:99; position:absolute; width:35px; height:62px; cursor:pointer;background-image:url(../webimages/03.png);background-repeat:no-repeat;}
.leftbtn{ left:30px;background-position:left center;}
.rightbtn{ right:30px;background-position:right center;}

.indexProduct{ padding-top:40px; padding-bottom: 31px; background-color: #FFF;}
.indexProduct .firaTitle{ font-size: 26px; color: #333; height: 26px; line-height: 26px; margin-bottom: 40px; text-align: center;}
.indexProduct .left{ width: 573px; height: 407px; border:1px solid #eeeeee;}
.commonRotation{ width:100%; height:407px; position:relative; overflow:hidden;}
.commonRotation ul{ width:100%; height:407px;}
.commonRotation ul li{ width:100%; height:407px;}
.commonRotation ul li img{ width:573px; display:block; height: 407px;}
.commonRotation ul li p{ font-size:16px; color:#666666; height: 21px; overflow: hidden; line-height: 21px; position:absolute; left:0px; right:0px; bottom:35px; text-align: center;}
.commonRotation span{ position:absolute; z-index:99; width:17px; height:31px; top:50%; cursor:pointer; margin-top:-15.5px;}
.commonRotation span.commonRotationleft{ left:24px; background:url(../webimages/leftbtn.png) no-repeat;}
.commonRotation span.commonRotationright{ right:24px; background:url(../webimages/rightbtn.png) no-repeat;}
.commonRotation span.commonRotationleft:hover{  background:url(../webimages/leftbtnho.png) no-repeat;}
.commonRotation span.commonRotationright:hover{  background:url(../webimages/rightbtnho.png) no-repeat;}
.commonRotationdot{ position:absolute;padding:0px 20px 14px;left:0px; right:0px; bottom:0px; text-align:center; z-index:999; line-height:11px;}
.commonRotationdot a{ display:inline-block; background:url(../webimages/icon1.png) no-repeat; margin:0px 3px; width:10px; height:10px; overflow:hidden; line-height:3330px;}
.commonRotationdot a.cur{ background:url(../webimages/icon1cur.png) no-repeat;}
.indexProduct .right{ width: 575px;}
.Settling{ width: 100%; position: relative;}
.Settling ul{ width: 585px;}
.Settling ul li{ float: left; width: 280px; height: 198px; border:1px solid #eee; margin-right: 9px; position: relative; margin-bottom: 9px;}
.Settling ul li p.text{ font-size: 16px; color: #666666; position: absolute; bottom: 24px; text-align: center; width: 100%;}
.Settling ul li img{ display: block; width: 280px; height: 198px;}
.linkwuye{display:block; height:150px; width: 224px; padding:26px 28px 22px 28px;position:absolute;left:0;top:0;color:#fff;font-size:16px;font-weight:bold;opacity:0;filter:alpha(opacity=0);
    transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;  text-align: center;  line-height: 24px;}
.linkwuye:hover{box-shadow:-5px 0 10px rgba(0,0,0,0.1), 6px 0 10px rgba(0,0,0,0.1), 0 -3px 10px rgba(0,0,0,0.1), 0 6px 10px rgba(0,0,0,0.1);  }
.linkwuye.showlin{opacity:0.9;filter:alpha(opacity=90);background:#3b619b;}
.linkwuye .more{ display: block; width: 100px; height: 30px; line-height: 30px; border:1px solid #FFF; text-align: center; color: #FFF; font-size: 14px; margin:0 auto;}
.linkwuye p{ font-size: 14px; color: #FFF; line-height: 24px; height: 72px; margin-bottom: 10px; overflow: hidden;}
.linkwuye h4{ font-size: 18px; color: #FFF; text-align: center; height: 24px; line-height: 24px; margin-bottom: 13px; overflow: hidden;}

.indexSolution{ background-color: #f2f2f2; padding-top:40px; padding-bottom: 43px;}
.indexSolution .firaTitle{ font-size: 26px; color: #333; height: 26px; line-height: 26px; margin-bottom: 43px; text-align: center;}
.indexSolution ul{ padding:0 51px;}
.indexSolution ul li{ width: 215px;  float: left; position: relative; margin-right: 66px; text-align: center; font-size: 16px; color: #666;}
.indexSolution ul li .text{ height:21px;line-height: 21px; overflow: hidden; margin-top:22px;}
.indexSolution li .Solzhez{width: 215px; height: 215px; position: absolute; top:0;left:0;opacity:0;filter:alpha(opacity=0);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s; }
.indexSolution li .Solzhez img{display: block; width: 215px; height: 215px;}
.indexSolution li:hover .Solzhez{ opacity:1;filter:alpha(opacity=100);}

.indexNewscenter{ padding-top:38px; padding-bottom: 41px; background-color: #FFF;}
.indexNewscenter .firaTitle{ font-size: 26px; color: #333; height: 26px; line-height: 26px; margin-bottom: 42px; text-align: center;}
.indexNewscenter .newsleft{ width: 520px;}
.indexNewscenter .newsleft img{ display: block; width: 520px; height: 293px;}
.indexNewscenter .newsleft a{ display: block;}
.indexNewscenter .newstext{ border: 1px solid #eee; padding:18px 18px 18px 17px;}
.indexNewscenter .newstext h4{ font-size: 18px; color: #333; height: 21px; overflow: hidden;}
.indexNewscenter .newstext h4 span{ font-size: 12px; color: #999; float: right;}
.indexNewscenter .newstext p{ padding-top:10px; font-size: 14px; color: #666; line-height: 24px; height: 48px; overflow: hidden;}
.indexNewscenter .newsleft:hover .newstext{box-shadow:-5px 0 10px rgba(0,0,0,0.1), 6px 0 10px rgba(0,0,0,0.1), 0 -3px 10px rgba(0,0,0,0.1), 0 6px 10px rgba(0,0,0,0.1); }
.indexNewscenter .newsleft:hover h4{ color: #194589;}

.indexNewscenter .newsright{ width: 580px;}
.indexNewscenter .newsright dl{ border-bottom: 1px solid #dcdcdc; padding-bottom: 15px; padding-top:35px;}
.indexNewscenter .newsright dl:hover{box-shadow:-5px 0 10px rgba(0,0,0,0.1), 6px 0 10px rgba(0,0,0,0.1), 0 -3px 10px rgba(0,0,0,0.1), 0 6px 10px rgba(0,0,0,0.1);color: #FFF; padding-left: 20px; background-color: #194589;}
.indexNewscenter .newsright dl:hover dt{ width: 492px; padding-left: 20px;}
.indexNewscenter .newsright dl:hover dd h2,.indexNewscenter .newsright dl:hover dd p{ color: #FFF;}
.indexNewscenter .newsright dl:hover dt a h4,.indexNewscenter .newsright dl:hover dt a p{ color: #FFF;}
.indexNewscenter .newsright dl dd{ float: left; width: 48px; overflow: hidden;text-align: center; }
.indexNewscenter .newsright dl h2{ font-size: 20px;  height: 21px; line-height: 21px; color: #999; overflow: hidden;}
.indexNewscenter .newsright dl dd p{ font-size: 12px; color: #999; padding-top:9px;}
.indexNewscenter .newsright dl dt{ width: 503px; float: left; padding-left:20px;}
.indexNewscenter .newsright dl dt a{ display: block;}
.indexNewscenter .newsright dl dt h4{ font-size: 18px; color: #333; height: 20px; line-height: 20px; overflow: hidden; }
.indexNewscenter .newsright dl dt p{ font-size: 14px; color: #666; height: 16px; line-height: 16px; overflow: hidden; padding-top:12px; }
.indexNewscenter .newsright .learmore{ display: block; margin:48px auto 0 auto;width:148px; height: 38px; border: 1px solid #d9d9d9; text-align: center; line-height: 38px; overflow: hidden; font-size: 14px; color: #333333;}
.indexNewscenter .newsright .learmore:hover{ background-color: #3b619b; color: #FFF;}




.Intorespect{ background-color: #f2f2f2; padding-top:39px; padding-bottom: 80px;}
.Intorespect .firaTitle{ font-size: 26px; color: #333; height: 26px; line-height: 26px; margin-bottom: 39px; text-align: center;}
.Intorespect .left{ float: left; position: relative; overflow: hidden; width:576px; height: 432px;}
.Intorespect .left img{ width: 576px; height: 432px;}
.videolink { display:block;position:absolute;z-index:2;top:0;left:0;bottom:0; right:0;background:url(../webimages/btn.png) no-repeat center center;cursor:pointer; width: 100%; height: 100%;
    transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.videolink:hover{background:url(../webimages/btnho.png) no-repeat center center;}
.video-pop { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; background: rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); box-sizing:initial;}
.video-pop *{box-sizing:initial;}
.video-con { width: 682px; height: 490px; padding: 12px 50px; background: #fff; position: absolute; top: 50%; left: 50%; margin: -245px 0 0 -396px; }
.video-pop .close { display: block; width: 28px; height: 28px; background: url(../webimages/closebtn_01.png) no-repeat; position: absolute; top: 20px; right: 20px; }
.video-pop .videobox { width: 682px; height: 400px; overflow: hidden; position: relative; }
.video-pop .name { font-size:22px;color:#333;font-weight:bold;line-height:60px;height:60px;overflow:hidden;text-align:center;padding-top:10px;}
.video-pop .text { padding-top:6px;font-size:14px;color:#333;line-height:24px;height:96px;overflow-y:auto;}
.Intorespect .right{ width: 576px;}
.Intorespect .right ul{ width: 590px;}
.Intorespect .right li{ float: left; position: relative; margin-right: 10px;}
.Intorespect .right li img{ display: block; width: 283px; height: 211px;}
.Intorespect .liticon{ background: url(../webimages/icon6.png) no-repeat center center; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #FFF; font-size: 16px; position: absolute; left: 0; bottom: 19px; z-index: 8;}
.Intorespect li .newsSolzhez{width: 100%; height: 211px; position: absolute; top:0;left:0;opacity:0;filter:alpha(opacity=0);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s; }
.Intorespect li .newsSolzhez h2{ font-size: 18px; color: #FFF; border-bottom: 1px solid #FFF; padding:77px 0 10px 0; width: 105px; margin:0 auto ; text-align: center; height: 21px; line-height: 27px; overflow: hidden;}
.Intorespect li .newsSolzhez p{ font-size: 12px; color: #FFF; padding:8px 18px 0 18px; text-align: center; height: 29px; overflow: hidden;}
.Intorespect li:hover .newsSolzhez{ opacity:0.9;filter:alpha(opacity=90);background:#3b619b;box-shadow:-5px 0 10px rgba(0,0,0,0.1), 6px 0 10px rgba(0,0,0,0.1), 0 -3px 10px rgba(0,0,0,0.1), 0 6px 10px rgba(0,0,0,0.1);  }
.Intorespect li:hover .liticon{ display: none;}
/*common**/
.sousuobanner{ width: 100%; overflow: hidden; position: relative; height: 291px;}
.sousuobanner img{ display: block;width: 1920px; height: 291px; position: absolute; left: 50%; margin-left: -960px;}
.nybanner{ width: 100%; overflow: hidden; position: relative; height: 550px;}
.nybanner img{ display: block;width: 1920px; height: 550px; position: absolute; left: 50%; margin-left: -960px;}
.absolutecont{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;
    position:relative;margin-top:-301px;z-index:30;}
.absolutecont .pagestitle{padding-bottom:40px;}
.absolutecont .pagestitle{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;}
.absolutecont .pagestitle h4 span{color:#194589;font-size:20px;line-height:26px;font-weight:bold;}
.absolutecont .pageslink{display:block;float:right;padding-top:14px;}
.absolutecont .titleimg{display:block;margin-top:9px;max-width:50%;}
.commonbg{background:#fff;padding:40px 30px 0 30px;}
.insidesnav a{ display: block; float: left; width: 120px; height: 44px; line-height: 44px;text-align: center; background-color: #e8ecf1; margin-right: 1px; font-size: 14px; padding:0 24px;}
.insidesnav a:hover{ background-color: #194589; color: #FFF;}
.insidesnav a.cur{ background-color: #194589; color: #FFF;}
.pageslink .indexicon{background: url(../webimages/winco2.png) no-repeat 0px 3px;padding-left:11px;}
.pageslink a.cur{color:#194589;}
.mainbody{ padding:51px 0 0 0;}
.chanpinxiangqing .willbtn{ height: 34px;border-bottom: 1px solid #dddddd; margin-top: 60px;padding-bottom: 6px;}
.chanpinxiangqing .willbtn a{display:block;float:left;width:275px;text-align:center; background-color: #fff; font-size: 16px;color: #333; height: 39px;}
.chanpinxiangqing .willbtn a:hover, .willbtn a.cur{border-bottom: 2px solid #194589; font-weight: bold; color: #194589;}

/*浜у搧涓績*/
.productlists ul{ width: 1200px;}
.productlists ul li{ width: 282px; height: 261px; border: 1px solid #eeeeee; float: left; margin-right: 25px; padding:27px 34px 10px 32px;}
.productlists ul li h3{ border-bottom: 1px solid #eeeeee; font-size: 20px; color: #000; height: 45px; overflow: hidden; padding-bottom: 16px; margin-bottom: 16px;}
.productlists ul li h3 img{ vertical-align: middle; margin-right: 21px;}
.productlists ul li a{ display: block; font-size: 14px; line-height:36px; color: #666666; height: 36px; overflow: hidden; padding-left: 8px;}
.productlists ul li a:hover,.productlists ul li a.cur{ color: #194589;}
.productlists ul li{ box-shadow:0 4px 14px hsla(0, 0%, 0%, 0.03);}
.productlists li:hover{box-shadow:-5px 0 10px rgba(0,0,0,0.1), 6px 0 10px rgba(0,0,0,0.1), 0 -3px 10px rgba(0,0,0,0.1), 0 6px 10px rgba(0,0,0,0.1);  }
.chanpinxiangqing .ProductDetailstopleft{ float:left; width:478px; height:478px; border:1px solid #dbdbdb;position:relative;}
.chanpinxiangqing .ProductDetailstopleftimg{width:478px; height:478px;}
.chanpinxiangqing .ProductDetailstopleftimg img{ display:block;width:478px; height:478px;}
.chanpinxiangqing .ProductDetailstopright{ float:right; width:570px; position:relative;}
.chanpinxiangqing .ProductDetailstopright dl{ margin:0px; padding:15px 0px 19px 0;}
.chanpinxiangqing .ProductDetailstopright dl dt{ color: #1a1a1a;font-size:32px;line-height:46px; padding-bottom:28px; border-bottom:1px solid #ccc;}
.chanpinxiangqing .ProductDetailstopright dl dd{ font-size:14px; margin:20px 0px 0 0; line-height:34px;color: #666; overflow: hidden;}
.chanpinxiangqing .ProductDetailstopright dl dd span.Special{ color:#00a1e9; font-size:16px; padding-right:10px;}
.chanpinxiangqing .ProductDetailstopright .bottext{ font-size: 14px; line-height: 34px; height: 102px; overflow: hidden; color: #194589;}

.majorCction{ font-size: 16px; color: #333; width: 1125px; }
.majorCction li{ width: 430px; float: left; margin: 0 132px 58px 0; height: 280px;}
.majorCction li img{ display: block; width: 430px; height: 242px;}
.majorCction img{max-width: 100%;}
.majorCction p{ margin-top:17px;}
.xqcontent{ display: none;}
.majorCctionwrap{padding:60px 56px 40px 56px;}
.Application{padding:60px 56px 40px 56px;}
.system{padding:60px 56px 84px 56px;}
.system img{ max-width: 100%;}

.tableWraper{ font-size:14px; background:#fff; padding:60px 40px 82px 40px;}
.regulationTable tbody tr td.bold{ font-weight: bold; text-align: left; padding:0 ; width: 135px;}
.regulationTable tbody tr td.tdwidth{ width: 186px;}
.regulationTable{text-align:center; font-size:14px;}
.regulationTable thead tr td{ background:#F2F2F2;color:#333; text-align:left;height:68px; line-height:53px;font-size:18px; font-weight:bold; padding:0;}
.regulationTable tr td{border-bottom:1px solid #E6E6E6; height: 52px; width:135px; text-align: left;}
.regulationTable tbody tr td{background:#fff; width: 186px;}
.regulationTable tr td.rowthree{ width: 184px; padding:0 13px; text-align: center;}
.regulationTable tr td.littlepad{ padding-left:13px;}
.regulationTable tr td.largpad{ width: 651px;}
.tableWraper .noborder{ border-bottom: none;}

.webcaijsheb .ProductDetailstopleft{ float:left; width:478px; height:478px; border:1px solid #dbdbdb;position:relative;}
.webcaijsheb .ProductDetailstopleftimg{width:478px; height:478px;}
.webcaijsheb .ProductDetailstopleftimg img{ display:block;width:478px; height:478px;}
.webcaijsheb .ProductDetailstopright{ float:right; width:570px; position:relative;}
.webcaijsheb .ProductDetailstopright dl{ margin:0px; padding:15px 0px 19px 0;}
.webcaijsheb .ProductDetailstopright dl dt{ color: #1a1a1a;font-size:32px;line-height:46px; padding-bottom:28px; border-bottom:1px solid #ccc;}
.webcaijsheb .ProductDetailstopright dl dd{ font-size:14px; margin:20px 0px 0 0; line-height:34px;color: #666;  height:136px; overflow: hidden;}
.webcaijsheb .ProductDetailstopright dl dd span.Special{ color:#00a1e9; font-size:16px; padding-right:10px;}
.webcaijsheb .ProductDetailstopright .bottext{ font-size: 14px; line-height: 34px; height:214px; overflow: hidden; color: #194589;}
.webcaijsheb .willbtn{ height: 34px;border-bottom: 1px solid #dddddd; margin-top: 60px;padding-bottom: 6px;}
.webcaijsheb .willbtn a{display:block;float:left;width:366px;text-align:center; background-color: #fff; font-size: 16px;color: #333; height: 39px;}
.webcaijsheb .willbtn a:hover, .willbtn a.cur{border-bottom: 2px solid #194589; font-weight: bold; color: #194589;}

.chanpgongn{ padding:55px 40px 97px 40px;}
.chanpgongn h4{ font-size: 16px; color: #333; background: url(../webimages/dian.jpg) no-repeat left center; padding-left: 36px; padding-bottom: 4px;}
.chanpgongn { font-size: 14px; color: #666;padding-left: 36px;}

.regulationTable2 tbody tr td.bold{ font-weight: bold; text-align: left; padding:0 ; width: 135px;}
.regulationTable2 tbody tr td.tdwidth{ width: 186px;}
.regulationTable2{text-align:center; font-size:14px; width: 600px;}
.regulationTable2 thead tr td{ background:#F2F2F2;color:#333; text-align:left;height:68px; line-height:53px;font-size:18px; font-weight:bold; padding:0;}
.regulationTable2 tr td{border-bottom:1px solid #E6E6E6; height: 52px; width:135px; text-align: left;}
.regulationTable2 tbody tr{ height: 51px;}
.regulationTable2 tbody tr td{background:#fff; width: 186px;}
.regulationTable2 tr td.rowthree{ width: 184px; padding:0 13px; text-align: center;}
.regulationTable2 tr td.littlepad{ padding-left:13px;}
.regulationTable2 tr.positop{ height: 77px;}
.regulationTable2 tr.positop td.largpad{line-height: 26px;}
.regulationTable2 tr.positop td.top{ vertical-align: initial; line-height: 48px;}
.regulationTable2 tr.positop2{ height: 100px;}
.regulationTable2 tr.positop2 td.top2{ vertical-align: initial; line-height: 48px;}
.regulationTable2 tr.positop2 td.largpad{line-height: 26px;}
.regulationTable2 tr td.largpad{ width: 492px; padding-left:30px; }
.tableWraper2{ font-size:14px; background:#fff; padding:39px 92px 77px 74px;}
.tableWraper2 .noborder{ border-bottom: none;}
.overview{ padding-top:40px; width: 900px; font-size: 14px; padding-bottom: 91px;}
.overview h4{ color: #1a1a1a; background: url(../webimages/dian.jpg) no-repeat left center; padding-left: 15px; font-weight: bold; padding-bottom: 8px;}
.overview p{color: #1a1a1a;padding-left: 15px; line-height: 34px;}

.solutimgs img{ max-width: 100%;}
.problemslists{ padding-top:51px; padding-bottom:72px;}
.problemslists ul{ width: 1200px;}
.problemslists ul li{ width: 282px; height: 290px; border: 1px solid #eeeeee; float: left; margin-right: 25px; padding:27px 34px 10px 32px; margin-bottom: 30px;}
.problemslists ul li h3{ border-bottom: 1px solid #eeeeee; font-size: 20px; color: #000; height: 45px; overflow: hidden; padding-bottom: 16px; margin-bottom: 16px;}
.problemslists ul li h3 img{ vertical-align: 0px; margin-right: 11px;}
.problemslists ul li a{ display: block; font-size: 14px; line-height:36px; color: #666666; height: 36px; overflow: hidden; padding-left: 8px;}
.problemslists ul li a:hover,.problemslists ul li a.cur{ color: #194589;}
.problemslists ul li{ box-shadow:0 4px 14px hsla(0, 0%, 0%, 0.03);}
.problemslists li:hover{box-shadow:-5px 0 10px rgba(0,0,0,0.1), 6px 0 10px rgba(0,0,0,0.1), 0 -3px 10px rgba(0,0,0,0.1), 0 6px 10px rgba(0,0,0,0.1);  }
.problemslists .whatemore{ text-align: right; color: #999; font-size: 14px; height: 36px; overflow: hidden; margin-top:24px;}

.problemslistsxq{ padding-top:51px; padding-bottom: 93px;}
.problemslistsxq ul{ padding-bottom: 30px;}
.problemtitle{position:relative;padding:20px 50px 17px 30px; font-size:14px; cursor:pointer; border-bottom: 1px solid #dddddd; display: block;}
.problemtitle span.problemQ{ background:url(../webimages/problem2.jpg) no-repeat; display:block; width:6px; height:6px; position:absolute; left:0px; top:50%;}
.protext{ font-size: 20px; color: #000; height: 21px; line-height: 21px; overflow: hidden; margin-bottom: 16px;}
.page img{ display: block; margin: 0 auto;}

.problemsxiangqingye{ padding:51px 48px 96px 45px;}
.problemsxiangqingye .title{ font-size: 28px; color: #1a1a1a; border-bottom: 1px solid #dddddd; line-height: 28px; padding-bottom: 30px;}
.problemsxiangqingye{ font-size: 14px; color: #666; line-height: 24px;}
.problemsxiangqingye img{max-width: 100%;}

.return{ width:95px; height: 35px; line-height: 35px; text-align: center; color: #FFF;display: block; background-color: #194589; margin-top:50px;}

.Downloadlists{ padding-top:51px; padding-bottom: 81px;}
.Downloadlists ul{ width: 1200px;}
.Downloadlists ul li{ width: 282px; height: 290px; border: 1px solid #eeeeee; float: left; margin-right: 25px; padding:27px 34px 10px 32px; margin-bottom: 25px; border-radius: 7px;}
.Downloadlists ul li h3{ border-bottom: 1px solid #eeeeee; font-size: 20px; color: #000; height: 45px; overflow: hidden; padding-bottom: 16px; margin-bottom: 16px;}
.Downloadlists ul li h3 img{ vertical-align: middle; margin-right: 11px;}
.Downloadlists ul li a{ display: block; font-size: 14px; line-height:36px; color: #666666; height: 36px; overflow: hidden; padding-left: 10px;}
.Downloadlists ul li a img{ margin-right: 10px;}
.Downloadlists ul li a:hover,.problemslists ul li a.cur{ color: #194589;}
.Downloadlists ul li{ box-shadow:0 4px 14px hsla(0, 0%, 0%, 0.03);}
.Downloadlists li:hover{box-shadow:-5px 0 10px rgba(0,0,0,0.1), 6px 0 10px rgba(0,0,0,0.1), 0 -3px 10px rgba(0,0,0,0.1), 0 6px 10px rgba(0,0,0,0.1);  }
.Downloadlists .whatemore{ text-align: right; color: #999; font-size: 14px; height: 36px; overflow: hidden; margin-top:24px;}
.Downloadlists .lisys{padding-right: 30px;}


.newslist01{ background-color:#fff; padding:0px 30px 50px; margin-top:62px;}

.newslist01 dl{ border-bottom:1px solid #d9d9d9; padding:37px 0px 40px 0;}
.newslist01 dl dt{ float:right; width:446px; height:250px; margin-left:75px;}
.newslist01 dl dt img{ display:block;width:446px; height:250px;}
.newslist01 dl dd h3{ font-size:24px; height:26px; line-height:26px; overflow:hidden;}
.newslist01 dl dd p.time{ margin-top:15px; font-size:14px; font-family:Arial, Helvetica, sans-serif; background-image:url(../webimages/gongsi2.png); background-repeat:no-repeat; background-position:left center; padding-left:25px; color:#666666;}
.newslist01 dl dd p.Description{ padding-top:16px; font-size:14px; line-height: 30px; color:#666666; height:120px; overflow:hidden;}
.newslist01 dl dd p.more{ padding-top:19px;}
.newslist01 dl dd p.more a{ display:block; border:1px solid #999999;  font-size:14px; width: 95px; height: 34px; line-height: 34px; text-align: center; color: #333;}
.newslist01 dl:hover p.more a{ background-color: #194589; border: 1px solid #194589; color: #FFF;}
.newsWrap{ padding-bottom: 101px;box-shadow:0 6px 14px hsla(0, 0%, 0%, 0.03);}
.newsWrapxq{ padding-bottom: 70px;box-shadow:0 6px 14px hsla(0, 0%, 0%, 0.03);}
.newsWrapcontent{ padding-bottom: 101px;}

/*--鏂伴椈璇︾粏--*/

.commonDetailed{background:#FFF; padding:0px 47px; margin-top:25px;}
.commonDetailedtitle{ border-bottom:1px solid #cccccc; padding-bottom:25px;}
.commonDetailedtitle h3{ font-size:28px; text-align:center; line-height:32px; color:#1a1a1a; padding:76px 0px 0px;}
.commonDetailedtitleTimeAuthor{ text-align:center; color:#666; font-size:13px; padding:20px 0px 15px;}
.commonDetailedtitleTimeAuthor span{ padding-right:10px; position:relative; top:-3px; *top:2px;_top:1px;}
.commonDetailedContents{ padding:37px 0px 65px 0; font-size:14px; color: #1a1a1a; line-height: 24px;}
.commonDetailedContentsfoot p{ text-align:center; }
.commonDetailedContentsfoot p a{ display:inline-block; background:#194589; padding:5px 30px; color:#FFF; font-size:14px;}
.commonDetailedContentsfoot p a:hover{}
.commonDetailedContentsfoot dl{ border:1px solid #cccccc; border-left:none; border-right:none; font-size:13px; padding:13px 0px;}
.commonDetailedContentsfoot dl span{ display:inline-block; background:#f2f2f2; color:#1a1a1a; line-height:27px; padding:0px 10px; margin-right:15px;}
.commonDetailedContentsfoot dl dd{ float:left;}
.commonDetailedContentsfoot dl dt{ float:right;}
.commonDetailedContents img{ max-width: 100%;}

.productlistsWrap{ padding-bottom: 101px;}
.Downloadxq{ padding-top:51px; padding-bottom: 104px;}
.Downloadlistsxqleft{ width: 282px; overflow:hidden; border: 1px solid #eeeeee; float: left; margin-right: 25px; padding:27px 34px 114px 32px; margin-bottom: 25px; border-radius: 7px;}
.Downloadlistsxqleft h3{ border-bottom: 1px solid #eeeeee; font-size: 20px; color: #000; height: 45px; overflow: hidden; padding-bottom: 16px; margin-bottom: 16px;}
.Downloadlistsxqleft h3 img{ vertical-align: middle; margin-right: 11px;}
.Downloadlistsxqleft a{ display: block; font-size: 14px; line-height:36px; color: #666666; height: 36px; overflow: hidden; padding-left: 10px;}
.Downloadlistsxqleft a img{ margin-right: 10px;}
.Downloadlistsxqleft a:hover,.Downloadlistsxqleft a.cur{ color: #194589; font-weight: bold;}
.Downloadlistsxqleft{ box-shadow:0 4px 14px hsla(0, 0%, 0%, 0.03);}
.Downloadlistsxqleft:hover{box-shadow:-5px 0 10px rgba(0,0,0,0.1), 6px 0 10px rgba(0,0,0,0.1), 0 -3px 10px rgba(0,0,0,0.1), 0 6px 10px rgba(0,0,0,0.1);  }

.Downloadlistsxqright{ float: right;width:725px; display: none;}
.Downloadlistsxqright .topcontent{ height: 284px;overflow:hidden;border: 1px solid #eeeeee; border-radius: 7px; margin-bottom: 11px; padding:33px 30px 10px 28px;box-shadow:0 4px 14px hsla(0, 0%, 0%, 0.03);}
.Downloadlistsxqright .topcontent h3{ border-bottom: 1px solid #eeeeee; font-size: 20px; color: #000; height: 45px; overflow: hidden; padding-bottom: 10px; margin-bottom: 16px;}
.Downloadlistsxqright .topcontent a{ margin-left: 10px;display: block; font-size: 14px; line-height:36px; color: #666666; height: 36px; overflow: hidden; padding-left: 14px; background: url(../webimages/icon15.png) no-repeat left 13px;}
.Downloadlistsxqright .topcontent a:hover,.Downloadlistsxqright a.cur{ color: #194589; font-weight: bold;}
.Downloadlistsxqright .topcontent a.cur{ background: url(../webimages/icon15ho.png) no-repeat left 16px;}

.Downloadlistsxqright .bottomcontent{border: 1px solid #eeeeee; border-radius: 7px; padding:39px 30px 89px 28px;box-shadow:0 4px 14px hsla(0, 0%, 0%, 0.03); display: none;}
.Downloadlistsxqright .bottomcontent h3{ border-bottom: 1px solid #eeeeee; font-size: 14px; color: #666;  font-weight: bold;height: 23px; overflow: hidden; padding-bottom: 16px; margin-bottom: 19px;}
.Downloadlistsxqright .bottomcontent ul{ width: 676px;}
.Downloadlistsxqright .bottomcontent ul li{ float: left; width: 268px; height: 48px; line-height: 48px; border: 1px solid #eee; margin-right: 10px; margin-bottom: 10px; padding:0 34px 0 24px;box-shadow:0 4px 14px hsla(0, 0%, 0%, 0.03);}
.Downloadlistsxqright .bottomcontent ul li a{ background: url(../webimages/download.png) no-repeat right center; display: block;}

.Downloadpopups{ width: 100%; height: 100%; position: fixed; top:0; left:0; z-index: 999;background: url(../webimages/bingbg.png) repeat;display: none; }
.Downloadpopups .content{ width: 900px; height: 528px; background-color: #FFF; position: absolute; left:50%; top:50%; margin-left:-450px; margin-top: -305px; box-sizing: initial; border-radius: 20px;padding:34px 0 48px 0;}
.Downloadpopups .content .title{ font-size: 20px; line-height: 22px; color: #194589; height: 22px; overflow: hidden;  margin-bottom: 29px;}
.Downloadpopups .content .top{ padding:17px 150px 35px 50px;}
.Downloadpopups .content .top .text{ font-size: 14px; color: #666; line-height: 24px; border-top:1px solid #eeeeee;  padding-top:23px; width: 411px; }
.Downloadpopups .content .top .text h4{ font-size: 16px; color: #333; line-height: 24px; font-weight: bold; padding-bottom: 23px;}
.Downloadpopups .content .bottom{border-top:1px solid #eeeeee; padding-top:20px;}
.Downloadpopups .content .bottom .icons{ width:390px; margin:0 auto;}
.Downloadpopups .content .bottom a{ display: block; text-align: center; font-size: 14px; color: #999999;}
.Downloadpopups .content .bottom img{ display: block; width: 118px; height: 118px;}
.Downloadpopups .closebtn { display: block; width: 20px; height: 20px; position: absolute; top:0; right: -40px; cursor: pointer;}
.Downloadpopups .closebtn img{display: block; width: 20px; height: 20px;}

/*瑙ｅ喅鏂规*/
.Solutionlists{ padding-top:51px; padding-bottom: 101px;}
.Solutionlists ul{ width: 1200px;}
.Solutionlists ul li{ width: 350px; height: 360px; overflow: hidden;  float: left; margin-right: 27px; *height:367px;}
.Solutionlists ul li img{ display: block; width: 350px; height: 196px;}
.Solutionlists ul li h3{ }
.Solutionlists ul li a{ display: block;}
.Solutionlists ul li .text{ padding:16px 28px 22px 14px;border: 1px solid #eeeeee;}
.Solutionlists ul li h3{ font-size: 16px; font-weight: bold; color: #333; height: 21px; overflow: hidden;}
.Solutionlists ul li p{ font-size: 14px; color: #666; line-height: 24px; height: 96px; overflow: hidden; padding-top:13px;}
.Solutionlists ul li{ box-shadow:0 4px 14px hsla(0, 0%, 0%, 0.03);}
.Solutionlists li:hover{box-shadow:-5px 0 10px rgba(0,0,0,0.1), 6px 0 10px rgba(0,0,0,0.1), 0 -3px 10px rgba(0,0,0,0.1), 0 6px 10px rgba(0,0,0,0.1);  }
.Solutionlists li:hover p,.Solutionlists li:hover h3{ color:#194589; }

.solutionxq .ProductDetailstopleft{ float:left; width:478px; height:478px; border:1px solid #dbdbdb;position:relative;}
.solutionxq .ProductDetailstopleftimg{width:478px; height:478px;}
.solutionxq .ProductDetailstopleftimg img{ display:block;width:478px; height:478px;}
.solutionxq .ProductDetailstopright{ float:right; width:570px; position:relative;}
.solutionxq .ProductDetailstopright dl{ margin:0px; padding:15px 0px 19px 0;}
.solutionxq .ProductDetailstopright dl dt{ color: #1a1a1a;font-size:32px;line-height:46px; padding-bottom:28px; border-bottom:1px solid #ccc;}
.solutionxq .ProductDetailstopright dl dd{ font-size:14px; margin:20px 0px 0 0; line-height:34px;color: #666; overflow: hidden;}
.solutionxq .ProductDetailstopright dl dd span.Special{ color:#00a1e9; font-size:16px; padding-right:10px;}
.solutionxq .ProductDetailstopright .bottext{ font-size: 14px; line-height: 34px; height: 102px; overflow: hidden; color: #194589;}
.solutionxq .willbtn{ height: 34px;border-bottom: 1px solid #dddddd; margin-top: 60px;padding-bottom: 6px;}
.solutionxq .willbtn a{display:block;float:left;width:20%;text-align:center; background-color: #fff; font-size: 16px;color: #333; height: 39px;}
.solutionxq .willbtn a:hover, .willbtn a.cur{border-bottom: 2px solid #194589; font-weight: bold; color: #194589;}
.solugongn { font-size: 14px; color: #1a1a1a;}
.solugongn h4{background: url(../webimages/dian2.jpg) no-repeat left 15px; padding-left: 15px;line-height: 34px;}
.solugongn h3{font-size: 16px; font-weight: bold; color: #1a1a1a;}
.solugongnionwrap{padding:56px 186px 93px 40px;}
.solutiondls dt{ float: right; width: 510px;}
.solutiondls dd p{ padding-left:15px;}
.solutiondlswrap{ padding:9px 70px 98px 43px;}
.solutiondls{ padding:50px 0 46px 0; border-bottom: 1px solid #dddddd;}
.solutiondls img{max-width: 100%;}
.solutiondls dd{ float: left; width: 440px;}
.solutiondls dd h4{background: url(../webimages/dian2.jpg) no-repeat left 9px; padding-left: 15px;line-height: 21px; font-weight: bold;}
.solutiondls dd p{ line-height: 34px;}

.solutiondlswrap2 .solutiondls{padding:44px 0;}

.Conpartanyxq .ProductDetailstopleft{ float:left; width:458px; height:316px;position:relative;}
.Conpartanyxq .ProductDetailstopleftimg{width:458px; height:316px;}
.Conpartanyxq .ProductDetailstopleftimg img{ display:block;width:458px; height:316px;}
.Conpartanyxq .ProductDetailstopright{ float:right; width:570px; position:relative;}
.Conpartanyxq .ProductDetailstopright dl{ margin:0px; padding:24px 0px 19px 0;}
.Conpartanyxq .ProductDetailstopright dl dt{ font-size:26px;line-height:36px; padding-bottom:4px; border-bottom:1px solid #ccc; font-weight: bold;color: #194589;}
.Conpartanyxq .ProductDetailstopright dl dt span{ display: block; font-size: 16px; color: #194589; font-weight: normal; text-transform: uppercase;}
.Conpartanyxq .ProductDetailstopright dl dd{ font-size:14px; margin:20px 0px 0 0; line-height:24px;color: #1a1a1a;  height:192px; overflow: hidden;}
.Conpartanyxq .ProductDetailstopright dl dd span.Special{ color:#00a1e9; font-size:16px; padding-right:10px;}
.Conpartanyxq .ProductDetailstopright .bottext{ font-size: 14px; line-height: 34px; height: 102px; overflow: hidden; color: #194589;}

.gongsijianjiewrap{padding:31px 30px 0 30px;}
.gongsijianjie{ background: url(../webimages/jryn2.png) repeat-x center center;}
.gongsijianjie ul{  text-align: center; position: relative;}
.gongsijianjie ul li{ text-align: center; width: 126px; height: 126px;margin:0 52px; display: inline-block; *display: inline;*zoom:1;background-color: #fff; vertical-align: middle;}
.gongsijianjie ul li a{ display: block; text-align: center;}
.gongsijianjie ul li .iconbox{ display: block; height: 126px; margin-bottom:14px;}
.gongsijianjie ul li .iconbox img{ display: block; width: 126px; height: 126px;}
.gongsijianjie ul li .text{ font-size: 16px; color: #666; height: 21px; overflow: hidden; width: 126px; position: absolute; bottom:22px; *margin-left:-61px;}
.gongsijianjie ul li.cur .text,.gongsijianjie ul li:hover .text{ color:#FFF;}
.gongsijianjie ul li:hover .iconbox .img2,.gongsijianjie  ul li.cur .iconbox .img2{ display: block}
.gongsijianjie ul li:hover .iconbox .img1,.gongsijianjie  ul li.cur .iconbox .img1{ display: none;}
.gongsijianjie ul li .iconbox .img2{ display: none;}

.companyProfile{  background-color: #FFF; padding-top:45px; position: relative; overflow: hidden; padding-bottom: 101px; }
.companyProfile dl{ padding-bottom: 22px;padding-top: 33px;}
.companyProfile dl dt{ float: right; width:478px; height: 394px;}
.companyProfile dl dt img{ display: block; width:478px; height: 394px;;}
.companyProfile dl dd{ float: left; width: 607px; height: 394px;}
.companyProfile h2{ font-size: 26px; line-height: 36px; color: #333333;  }
.companyProfile dl dd p{ font-size: 14px; color: #1a1a1a; line-height: 24px;}
.companyProfile .Cptext{ font-size: 14px; color: #1a1a1a; line-height: 24px;}

.xqcontentgong{ display: none;}
.corporatelists{ padding-top:40px; padding-bottom: 101px;}
.corporate{ padding-top:45px;}
.corporate dl{padding-bottom: 50px;}
.corporate h2{ font-size: 26px; line-height: 36px; color: #333333; }
.corporate dl dt{ float: left; width: 149px; height: 149px; padding-right: 54px;}
.corporate dl dt img{ display: block; width: 149px; height: 149px;}
.corporate dl dd{ float: left;}
.corporate dl dd h3{ font-size: 20px; color: #333; padding-top:28px; padding-bottom: 25px;}
.corporate dl dd p{font-size: 16px; color: #333;}


.group { padding: 30px 0; position: relative; margin-top:35px; *overflow:hidden;}
.groupwrap{ padding-top:25px; padding-bottom: 150px;}
.groupwrap h2{ font-size: 26px; line-height: 36px; color: #333333; }
.group-con { padding-top: 10px; background-image: url(../webimages/line3.png); background-repeat: repeat-y; background-position: 184px 0; }
.group-list { padding-right: 202px; height: 599px; overflow: hidden;padding-top:52px;}
.group-list ul li { padding-left: 11px; margin-bottom: 40px; position: relative; min-height: 90px;}
.group-list ul li b {display: block; position: absolute; top: 50%; margin-top:-8px; left: 176px; background: url(../webimages/bbg.png) no-repeat center center; width: 17px; height: 17px;}
.group-list ul li h4 { font-size: 20px; color: #004590; }
.group-list ul li { color: #666; }
.gnext, .gprev { display: block; width: 52px; height: 52px; position: absolute; left: 159px; }

.gprev { top: 0; background: url(../webimages/topprev.png) no-repeat center center;}
.gnext { bottom: -23px; *bottom: 0; background: url(../webimages/bottomprev.png) no-repeat center center;}
.group-list .left{ position: absolute; top:50%; margin-top:-45px; width: 182px; height: 90px;}
.group-list .left span{ text-indent: 0.2em; background: url(../webimages/textbg.png) no-repeat center center; display: block; width: 182px; height: 90px; font-size: 32px; font-weight: bold; color: #FFF; line-height: 71px;}
.group-list .right{ width: 636px;border: 1px solid #eee; position: relative;}
.group-list .right p{padding:28px 23px; font-size: 14px; color: #666; line-height: 24px;}
.group-list .right span{ background: url(../webimages/sapnbg.png) no-repeat; display: block; width: 13px; height: 18px; position: absolute; left:-13px; top:50%; margin-top:-9px;}

.Cooperative{padding-bottom: 101px;}
.Cooperative li{float: left; width: 274px; height: 155px; border: 1px solid #eee; margin-left: -1px; margin-top:-1px; }

.indexmainbody{ padding-top:40px; padding-bottom: 84px; *padding-top:120px;}
.Qualification{padding: 0 145px 54px 41px;}
.Qualification dl{ padding-bottom: 95px;}
.Qualification dl h3{ font-size: 24px; color: #333; height: 24px; line-height: 24px; overflow: hidden;}
.Qualification dl .text{ border-top:1px solid #eee; margin-top:13px; padding-top:18px; padding-left: 10px;}
.Qualification dl li{ background: url(../webimages/pbg.jpg) no-repeat left 8px; padding-left: 25px; padding-bottom: 8px;}
.Qualification dl dt{ width: 170px; height: 226px; float: left;}
.Qualification dl dt img{ display: block; width: 170px; height: 226px;}
.Qualification dl dd{ width: 710px; float: right;}

.zhiweicont{padding-top:20px;}
.zhiweicont dl{padding:39px 18px 42px 40px;position:relative;margin-bottom:10px; border:1px solid #eee; }
.zhiweidate{font-size:14px;color:#999;float:left; width: 110px;}
.zhiweitext{padding-left:110px;padding-right:140px;padding-top:28px;line-height:24px;display:none; font-size: 14px; color: #4c4c4c;}
.zhiweititle div.zhiweismtit{float:left; }
.zhiweititle div.zhiweismtit p{ font-size: 14px;}
.zhiweiicon{display:inline-block;width:130px;height:100%;position:absolute;right:0;top:0;cursor:pointer; }
.zhiweiicon span{display:inline-block;width:130px;height:105px;background:url(../webimages/icon26.png) no-repeat center; position: absolute;  left:50%; margin:24px 0 0 -65px;}
.zhiweicont dl.cur .zhiweiicon span{display:inline-block;width:130px;height:105px;background:url(../webimages/icon26ho.png) no-repeat center; position: absolute;  left:50%; margin:24px 0 0 -65px;}
.zhiweititle h4{font-size:16px;padding-bottom: 5px; font-weight: bold;}
.zhiweicont dl:hover,.zhiweicont dl.cur{box-shadow:0 4px 14px hsla(0, 0%, 0%, 0.03);}
.zhiweicont dl.cur .zhiweititle div.zhiweismtit{color:#194589; }
.sendresume{display:inline-block;width:120px;height:35px;line-height:35px; background:#194589;color:#fff;text-align:center;margin-top:32px;}
.sendresume:hover{color:#fff;}

.Jobmainbody{ padding-bottom: 102px; padding-top:51px;}
.jobsSearch{box-shadow:0 4px 14px hsla(0, 0%, 0%, 0.03); border: 1px solid #eee; height: 95px;}
.jobsSearch dl{background:#FFF; margin:28px auto 0 auto; position: relative; width: 543px; height: 40px;}
.jobsSearch dl dt{ float:left; font-size:14px; padding:7px 10px 0px 0px; color: #194589;}
.jobsSearch dl dd{ float:left;}
.jobsSearch dl dd label{display:block;border-bottom:1px solid #eee; width:330px;  height:20px; padding:10px 10px 10px 20px ; position:relative; background: url(../webimages/search.png) no-repeat left center;}
.jobsSearch dl dd label input{font-family: "Microsoft YaHei"; outline:none; background:none; border:none;}
.jobsSearch dl dd label input.jobstext{ color:#999999; width:340px; font-size: 14px;}
.jobsSearch dl dd input.jobssubmit{position:absolute; right:0px; width:80px; height:40px; top:-1px; cursor:pointer; color: #194589; text-align: center;box-shadow:0 4px 14px hsla(0, 0%, 0%, 0.1);}
.jobsSearch dl dd input.jobssubmit:hover{ background-color: #194589; color: #FFF;}

/*-------- 鑱旂郴鎴戜滑 --------*/
.contactcont02 .conmap{padding:0;border:none; width: 1104px; height: 546px;}
.contactcont02 .contacttext{text-align:center;color:#999999;}
.contactcont02 .contitle{color:#194589; font-size:30px;line-height:32px; font-weight: bold; padding-bottom: 10px;}
.context{font-family:Arial;text-transform:uppercase;}
.contactmess{padding:56px 0 0 136px;}
.contactmess li{float:left;width:284px; height: 171px;font-size:13px;color:#666;text-align:center; margin-bottom:40px;}
.conaddressicon{display:inline-block; width:82px;height:80px;margin-bottom:15px;}
.contactmesstext{padding-top:16px;font-size:14px;color:#333;}
.conaddress{background: url(../webimages/icon56.png) no-repeat;}
.conphone{background:url(../webimages/icon57.png) no-repeat;}
.conchuanz{background:url(../webimages/icon58.png) no-repeat;}
.conemail{background: url(../webimages/icon59.png) no-repeat;}
.conehezuo{background: url(../webimages/icon60.png) no-repeat;}
.conemeida{background: url(../webimages/icon61.png) no-repeat;}
.contlists{ padding-bottom: 30px;}

.contactcont02 .conmap iframe{ width: 100% !important; *width:101% !important; height: 414px !important; *height:420px !important; border: none !important; padding:0 !important; margin:0 !important;}

.indexmainright {  position: relative; z-index: 4; width: 940px; height: 500px; margin:0 auto; }
.featured-area .ban_r_btn, .featured-area .ban_l_btn { opacity: 0.5;filter:alpha(opacity=50);position: absolute; top: 55%; *top:43%;left: 50%; margin-top: -50px; display: block; width: 100px; height: 100px; z-index: 999;}
.featured-area .ban_r_btn { opacity: 0.5;filter:alpha(opacity=50);margin-left: -51.4%;*margin-left: -53.7%; background: url(../webimages/indexreturnleft.png) no-repeat left center; }
.featured-area .ban_l_btn { opacity: 0.5;filter:alpha(opacity=50);margin-left: 40%;*margin-left: 43.2%; background: url(../webimages/indexreturnright.png) no-repeat right center; }
.featured-area .ban_r_btn:hover,.featured-area .ban_l_btn:hover{ opacity: 1;filter:alpha(opacity=100);}
#featured-area { height: 100%; width: 100%; margin: 0 auto 0 auto; }
.featured-area .imglist{height:100%;width:100%;position:absolute;top:0;left:0; *left:58px;}
.featured-area .imglist img { height: 100%; width: 100%;margin: 0; *height: 80%; *width: 80%; }

.roundabout-holder { list-style: none; width: 100%; height: 100%; margin: 0px auto;  }
.featured-area dl { position: absolute; left: 0; bottom:18px; width: 100%; text-align: center; z-index: 99; }
.featured-area dl dd {margin: 0 auto; font-size: 14px; color: #4c4c4c; line-height: 24px; display: none; }
.featured-area dl dd .name { font-size: 14px; line-height: 22px; height: 22px; overflow: hidden; color: #000; }
.featured-area dl dd.cur { display: block; }

.Domestic{ border-top:1px solid #eee; padding-top:27px; margin-top:40px; padding-bottom: 106px;}
.Domestic h3{ font-size: 24px; color: #000; height: 24px; line-height: 24px; padding-bottom: 10px;}
.Domestic dl{box-shadow:0 4px 14px hsla(0, 0%, 0%, 0.07); padding:33px 70px 23px 70px; margin-bottom: 10px;}
.Domestic dt{ float: right; width: 241px; height: 165px;}
.Domestic dt img{ display: block; width: 241px; height: 165px;}
.Domestic dd{ float: left; width: 626px; padding-top:20px;}
.Domestic dd .left{ background: url(../webimages/add.png) no-repeat left 13px; width: 100px; padding-left:64px; font-size: 20px; color:#333; padding-top:9px;}
.Domestic dd .left span{ display: block; font-size: 12px; color: #999999;}
.Domestic dd .right{ width: 320px; font-size: 14px;line-height: 34px;}
.Domestic dd .right .addres{ display: block; width: 278px; }

.searchcont01{padding:36px 0; background-color: #FFF;}
.searchtitle01{padding:28px 15px;background:#f2f2f2;font-size:24px;}
.searchtitle01 span{color:#da251d;}
.resultlist01{font-size:13px;padding:3% 0;}
.resultlist01 ul{ padding-bottom: 20px;}
.resultlist01 li img{display:block;max-width:100%;width:auto; float:left;margin:0 3% 0 0;}
.resultlist01 li{padding:15px 0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;margin-bottom:-1px;}
.resultlist01 h4{line-height:24px;font-size:20px;margin-bottom:2%;}
.resultlist01 h4 em{color:#da251d;}
.resultlist01 h4 a{display:block;}
.resulttext01{overflow:hidden;height:72px;color:#999;}
.resultlabel01{color:#999;display:inline-block;padding-top:3%;}
.searchresult .title{ font-size:18px; color:#333; height: 58px; line-height: 58px;}
.searchresult .title span{ float:right;  font-size:13px;}
.searchresult .title span a{ padding:0px 5px; color:#666;}
.searchresult .title span a:hover{ color:#1a1a1a;}
.searchresult .title span a.cur{ color:#333;font-weight: bold;}

/*20170714*/
.roundabout-moveable-item{ height: 78%; width: 55%; cursor: pointer;}
.roundabout-moveable-item img{ height: 100%; width:100%; background-color: #FFF; margin: 0 auto;}
#page a { color:#333;}

.group-list .right {padding:28px 23px; font-size: 14px; color: #666; line-height: 24px;}
.group-list .right p {padding:0; }



/*20170718*/
.nav .subnav a{ display: block;font-size: 13px; color: #5f5f5f; height:26px; line-height:26px;}
.nav .subnav { background-color: #FFF; display: none;  position:absolute; left:50%; margin-left:-67px; top:51px;}
.nav .subnav a:hover{ color: #194589;}
.header .nav li { position:relative;}
.header .nav li .subnav a.cur,.header .nav li .subnav a:hover{ border:none;}
.majorCction p { text-align:center;}
.subnav .product{ width:auto; }
.subnav .row{ width: 114px;}
.subnav .product .productrow{ width: 800px; margin-left: -173px; background-color: #FFF; padding:20px 0;}
.subnav .product .productrow  > div{ float: left; margin:0 20px; text-align:left;}
.subnav .product .productrow  > div h5 a{ font-size: 15px; font-weight: bold;}
.subnav .container .row{ padding: 10px;}
.absolutecont .pageslink .clumbs{ position: absolute; top:25px; right: 0; box-shadow:0 2px 14px hsla(0, 0%, 0%, 0.1);  padding:10px; width: 112px; display: none;}
.absolutecont .pageslink .clumbs a{ display: block; height: 30px; line-height: 30px;}
.absolutecont .pageslink .clumbs a:hover { color:#194589;}
.pageslink li{ float: left; position: relative;}

/*20170719*/
.bottominfo span { width:334px;}
.pageslink a.imgshow { background:url(../webimages/acuricon.png) no-repeat right center; padding-right:15px;}
.group-list .right{ padding:28px 23px;}
.group-list { height:550px;}
.chanpinxiangqing .ProductDetailstopleftimg img { height:408px;}
.chanpinxiangqing .ProductDetailstopleftimg { height:408px;}
.chanpinxiangqing .ProductDetailstopleft{ height:408px;}
.contactcont02 .conmap { height:414px;}
.subnav .product .productrow { width:717px; padding:20px 23px;}

/*20170721*/
.subnav .product .productrow { margin-left:-357px;}

/*20170724*/
.webmap02 { margin-top:-50px; padding-bottom:50px;}
.webmap02 h3{ margin:0px; padding:0px;}
.webmap02 h3 span{ display:block; float:left; font-size:18px; color:#00a1e9; border-left:5px solid #194589; padding-left:20px;background-color:#fff; padding-right:40px;}
.webmap02 h3 span a{color:#194589;}
.webmap02 h3 em{ display:block; border-bottom:1px dashed #b8b8b8; height:14px;}
.webmap02 p{ margin:0px; padding:30px 0px 20px 25px;}
.webmap02 p a{ font-size:14px; color:#5f5f5f; display:inline-block; padding-right:45px; padding-bottom:10px;}
.webmap02 p a:hover{ color:#194589;}
.solutionxq .ProductDetailstopleftimg { height:408px;}
.solutionxq .ProductDetailstopleftimg img { height:408px;}
.solutionxq .ProductDetailstopleft { height:408px;}
.pageslink a.imgshow { padding-right:10px;}
.Domestic { margin-top:63px;}
.absolutecont .pageslink { height:25px;}
.pageslink a.imgshow { display:block; height:25px;}
.Domestic { margin-top:68px;}
.solutionxq .willbtn a { width:25%;}
.Domestic { padding-bottom:20px;}
.Domestic h3 { padding-bottom:20px;}

.tableWraper table { border-collapse:collapse; margin:0 auto;}
.tableWraper table td { border-style:solid;}

/*20170725*/
.solutionxq .ProductDetailstopright .bottext { height:78px;}
.solutionxq .willbtn { margin-top:72px;}
.chanpinxiangqing .willbtn { margin-top:72px;}
/*.Solutionlists ul li .text { padding:23px 28px 23px 14px;}*/
.subnav .product .productrow { margin-left:-315px;}
.solutionxq .ProductDetailstopright dl dd { max-height:204px;}
.chanpinxiangqing .ProductDetailstopright dl dd {  max-height:204px;}
.chanpinxiangqing .ProductDetailstopright .bottext { height:auto;}

/*20170726*/
.Cooperative li img { display:block; width:274px; height:155px;}

/*20170728*/
.productlists li h3 a { padding-left:0; display:initial; font-size:20px;}
.Solutionlists ul li { margin-bottom:27px;}
.overview h4 { padding-bottom:0; margin-bottom:8px;}
.zhiweicont dl dd.zhiweititle { cursor:pointer;}

/*20170822*/
.productlists li h3 a{ display:inline;}
.indexNewscenter .newstext p { height:24px;text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; }

/*20170901*/
.solugongnionwrap img{ max-width:100%;}
.solugongnionwrap{padding:56px 40px 93px 40px;}


/*20180109*/
.zhiweicont dl dd.zhiweititle { position:relative; z-index:999;}
.productlists ul li { overflow:hidden; padding:27px 34px 9px 32px;}
.Solutionlists ul li p { display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}

.subnav .product .productrow { margin-left:-251px; width:590px;}




@charset "UTF-8";
/* lyc 20200615 新增s */
/* Slider */
a:focus { border: none; outline: none; }

.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { display: table; content: ''; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir='rtl'] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* 华尊综合页 s */
.mybanner { width: 100%; overflow: hidden; position: relative; }

.mybanner img { display: block; width: 100%; }

.full-inside-subnav {width:100%; top:0;left:0;position:relative;z-index:98; background-color: #fff; }

.lineClone{ height:80px; display:none; }

.full-inside-subnav.fix{ position:fixed; box-shadow:0 1px 1px rgba(0,0,0,0.1); }

.full-inside-subnav.fix + .lineClone{ display:block; }

.invcommonweb { padding-left: 60px; padding-right: 60px; max-width: 1400px; margin: 0 auto; }

.inside-subitem { position: relative; padding-right: 100px; }

.second-offset { position: absolute; top: 0; right: 0; padding: 20px 0; }

.open-button { display: block; line-height: 40px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-color: #0e2faa; color: #fff; font-size: 16px; padding: 0 20px; }

.open-button:hover { background-color: #081eaa; }

.second-level { width: 100%; }

.second-level ul li { float: left; line-height: 80px; margin-right: 50px; }

.second-level ul li a { display: block; color: #333333; font-size: 17px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.second-level ul li a:hover { color: #0e2faa; }

.second-level ul li.cur a{ color: #0e2faa; }

.harzone-hivemind { padding-top: 80px; padding-bottom: 80px; }

.hivemind-module { width: 100%; position: relative; }

.hivemind-section { float: left; width: 51.42857%; padding-top: 48px; }

.hivemind-aside { float: right; width: 42.85714%; position: relative; }

.hivemind-title { width: 100%; position: relative; padding-bottom: 13px; color: #333333; font-size: 36px; line-height: 1.5; margin-bottom: 22px; }

.hivemind-title:after { content: ''; position: absolute; width: 32px; height: 2px; background-color: #0e2faa; left: 0; bottom: 0; }

.hivemind-text { color: #666666; font-size: 16px; line-height: 1.875; }

.hivemind-mode { display: block; background-color: #fff; padding: 15px; -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1); }

.hivemind-viewer { width: 100%; position: relative; overflow: hidden; }

.hivemind-viewer .viewer { display: block; width: 100%; overflow: hidden; }

.hivemind-viewer .viewer img { display: block; width: 100%; }

.float_layer { position: absolute; top: 0; left: 0; z-index: 20; display: none; width: 100px; height: 100px; cursor: move; background: url(../webimages/suzypic.png); }

.float_layer span { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; }

.float_layer span img { position: absolute; max-width: none; width: auto; height: auto; max-height: initial; top: 0; left: 0; }

.imagezoom-viewer { position: absolute; top: 0; right: 100%; width: 100%; bottom: 0; background-color: #fff; -webkit-box-shadow: -10px 0 25px -5px rgba(0, 0, 0, 0.1); box-shadow: -10px 0 25px -5px rgba(0, 0, 0, 0.1); display: none; padding: 15px; }

.imagezoom-viewer .viewer-img { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; }

.imagezoom-viewer .viewer-img img { position: absolute; max-width: none; width: auto; height: auto; max-height: initial; top: 0; left: 0; }

.harzone-virtue { width: 100%; position: relative; background-color: #ffffff; padding-top: 70px; padding-bottom: 80px; }

.harzone-title { text-align: center; color: #333333; font-size: 36px; line-height: 1.5; }

.harzone-wrapper { padding-top: 30px; }

.virtue-slick { width: 100%; position: relative; }

.virtue-slick .slick-list { margin-left: -1px; margin-right: -1px; }

.virtue-slick .slick { margin-left: 1px; margin-right: 1px; display: block; }

.virtue-slick .slick a { display: block; width: 100%; position: relative; background-color: #f8f8f8; cursor: default; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }

.virtue-slick .slick a:hover { -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1); }

.virtue-slick .slick a:hover .figure img { -webkit-transform: translate(0, 0) scale(1.03); -ms-transform: translate(0, 0) scale(1.03); -o-transform: translate(0, 0) scale(1.03); transform: translate(0, 0) scale(1.03); }

.virtue-slick .slick .figure { display: block; width: 100%; overflow: hidden; position: relative; padding-top: 63.7931%; }

.virtue-slick .slick .figure img { display: block; width: 100%; height: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; position: absolute; top: 0; left: 0; }

.virtue-slick .slick .content { display: block; padding: 22px 22px 32px; }

.virtue-slick .slick .title { display: block; width: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #333333; font-size: 20px; font-weight: bold; line-height: 1.5; margin-bottom: 10px; }

.virtue-slick .slick .text { display: block; width: 100%; display: -webkit-box; height: 72px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #666666; font-size: 14px; }

.slick-button-prev, .slick-button-next { display: block; width: 44px; height: 44px; cursor: pointer; position: absolute; top: 50%; margin-top: -22px; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; background-repeat: no-repeat; background-size: contain; background-position: center center; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2); z-index: 22; }

.slick-button-prev.slick-disabled, .slick-button-next.slick-disabled { cursor: default; }

.slick-button-prev { background-image: url(../webimages/swiper-pic-prev.png); }

.slick-button-prev:hover { background-image: url(../webimages/swiper-pic-prevs.png); -webkit-box-shadow: 0 2px 5px -1px rgba(47, 147, 226, 0.2); box-shadow: 0 2px 5px -1px rgba(47, 147, 226, 0.2); }

.slick-button-next { background-image: url(../webimages/swiper-pic-next.png); }

.slick-button-next:hover { background-image: url(../webimages/swiper-pic-nexts.png); -webkit-box-shadow: 0 2px 5px -1px rgba(47, 147, 226, 0.2); box-shadow: 0 2px 5px -1px rgba(47, 147, 226, 0.2); }

.virtue-slick-prev { left: -55px; }

.virtue-slick-next { right: -55px; }

.harzone-enable { padding-top: 70px; }

.harzone-word { padding-top: 10px; padding-bottom: 10px; text-align: center; color: #666666; font-size: 14px; line-height: 1.85714; }

.enable-module { width: 100%; overflow: hidden; position: relative; }

.enable-base { width: 100%; height: 550px; overflow: hidden; position: relative; z-index: 1; }

.enable-base img { display: block; width: 1920px; height: 100%; position: absolute; left: 50%; margin-left: -960px; }

.enable-offset { position: absolute; width: 100%; top: 0; left: 0; height: 100%; z-index: 2; }

.enable-slick { width: 100%; height: 100%; overflow: hidden; position: relative; max-width: 1920px; margin: 0 auto; }

.enable-slick .slick-list { height: 100%; margin-right: -1px; }

.enable-slick .slick-track { height: 100%; }

.enable-slick .slick { display: block; height: 100%; position: relative; border-right: 1px solid #cbcbcb; }

.enable-slick .slick a { display: block; height: 100%; cursor: default; line-height: 550px; text-align: center; white-space: nowrap; padding: 0 16.66667%; }

.enable-slick .slick a::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }

.enable-slick .slick a:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-repeat: repeat; background-size: auto; background-position: 0 0; background-image: url(../webimages/lycbgicon.png); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; filter: alpha(opacity=0); }

.enable-slick .slick a .enable { display: inline-block; vertical-align: middle; width: 100%; white-space: normal; position: relative; z-index: 2; line-height: normal; }

.enable-slick .slick .icon { display: block; width: 100px; height: 100px; overflow: hidden; position: relative; margin: 0 auto; }

.enable-slick .slick .icon img { display: block; width: 100%; }

.enable-slick .slick .title { display: block; width: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #fff; font-size: 24px; line-height: 1.5; padding-top: 10px; padding-bottom: 10px; }

.enable-slick .slick .text { display: block; width: 100%; max-height: 48px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 14px; color: #fff; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; max-height: 0; }

.enable-slick .slick a:hover:after { opacity: 1; filter: alpha(opacity=100); }

.enable-slick .slick a:hover .text { max-height: 48px; }

.enable-slick-prev { left: 0; }

.enable-slick-next { right: 0; }

.harzone-service { background-color: #fff; padding-top: 75px; padding-bottom: 80px; }

.service-module { padding: 30px 50px 40px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); border: 1px solid #f7f7f7; }

.service-table { width: 100%; overflow: hidden; position: relative; }

.service-table img { display: block; width: 100%; }

.service-control { width: 100%; position: relative; }

.control-panel { position: relative; padding-left: 220px; }

.control-offset { position: absolute; top: 0; left: 0; }

.control-title { color: #0a0a0a; font-size: 28px; line-height: 50px; }

.control-list { width: 100%; overflow: hidden; }

.control-list ul { margin-left: -35px; margin-right: -35px; }

.control-list ul li { float: left; width: 25%; padding-left: 35px; padding-right: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.control-list ul li .dot { display: block; border: 2px solid #b2c2dc; -webkit-border-radius: 4px; border-radius: 4px; line-height: 46px; text-align: center; font-size: 18px; color: #333; }

.control-wrapper { padding-top: 35px; padding-bottom: 5px; }

.control-module { width: 100%; overflow: hidden; }

.control-module ul { margin-left: -5px; margin-right: -5px; }

.control-module ul li { float: left; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; width: 14.28571%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.control-module ul li .conts { display: block; -webkit-border-radius: 4px; border-radius: 4px; border: 2px solid #b2c2dc; padding: 10px 10px 30px; }

.control-module ul li .title { text-align: center; color: #333; line-height: 60px; background-color: #ebeff6; font-size: 18px; margin-bottom: 20px; }

.control-module ul li .list { color: #333; line-height: 30px; font-size: 16px; min-height: 182px; }

.control-module ul li .list p { margin-bottom: 8px; }

.control-base { border: 2px solid #b2c2dc; -webkit-border-radius: 4px; border-radius: 4px; padding: 20px 10px 0; }

.contbase-title { text-align: center; color: #333; font-size: 20px; line-height: 1.5; margin-bottom: 25px; }

.contbase-list { width: 100%; position: relative; }

.contbase-list ul { margin-left: -7px; margin-right: -7px; }

.contbase-list ul li { float: left; padding-left: 7px; padding-right: 7px; margin-bottom: 14px; width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.contbase-list ul li .dot { display: block; text-align: center; color: #333; line-height: 60px; background-color: #ebeff6; font-size: 18px; margin-bottom: 20px; }

.harzone-scheme { width: 100%; position: relative; background-color: #2f94e2; padding-top: 70px; padding-bottom: 80px; }

.harzone-scheme .harzone-title { color: #fff; }

.schcommonweb { padding-left: 25px; padding-right: 25px; }

.scheme-slick { width: 100%; position: relative; overflow: hidden; }

.scheme-slick .slick-list { margin-left: -15px; margin-right: -15px; }

.scheme-slick .slick { margin-left: 15px; margin-right: 15px; display: block; }

.scheme-slick .slick a { display: block; width: 100%; position: relative; overflow: hidden; cursor: default; }

.scheme-slick .slick a:hover .figure img { -webkit-transform: translate(0, 0) scale(1.03); -ms-transform: translate(0, 0) scale(1.03); -o-transform: translate(0, 0) scale(1.03); transform: translate(0, 0) scale(1.03); }

.scheme-slick .slick a:hover .bgshow { background-color: #1a86da; opacity: 0.6; filter: alpha(opacity=60); }

.scheme-slick .slick .figure { display: block; width: 100%; overflow: hidden; position: relative; padding-top: 73.33333%; }

.scheme-slick .slick .figure img { display: block; width: 100%; height: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; position: absolute; top: 0; left: 0; }

.scheme-slick .slick .offset { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.scheme-slick .slick .content { width: 100%; height: 100%; position: relative; z-index: 2; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 32.5%; }

.scheme-slick .slick .bgshow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-color: #000000; opacity: 0.18; filter: alpha(opacity=18); }

.scheme-slick .slick .title { display: block; width: 100%; color: #fff; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; font-size: 24px; line-height: 36px; margin-bottom: 8px; }

.scheme-slick .slick .text { display: block; width: 100%; color: #fff; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 24px; font-size: 14px; }

.scheme-slick-prev { left: 10px; }

.scheme-slick-next { right: 10px; }

.commonweb { padding-left: 60px; padding-right: 60px; max-width: 1200px; margin: 0 auto; }

.harzone-program { width: 100%; overflow: hidden; position: relative; background-color: #fff; padding-top: 75px; padding-bottom: 45px; }

.harzone-program .slick-dots { padding-top: 60px; }

.program-slick { width: 100%; position: relative; }

.program-slick .slick-list { margin-left: -15px; margin-right: -15px; }

.program-slick .slick { display: block; margin-left: 15px; margin-right: 15px; }

.program-slick .slick a { display: block; width: 100%; position: relative; }

.program-slick .slick a:hover .figure img { -webkit-transform: translate(0, 0) scale(1.03); -ms-transform: translate(0, 0) scale(1.03); -o-transform: translate(0, 0) scale(1.03); transform: translate(0, 0) scale(1.03); }

.program-slick .slick .figure { display: block; width: 100%; overflow: hidden; position: relative; padding-top: 65.78947%; }

.program-slick .slick .figure img { display: block; width: 100%; height: 100%; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; position: absolute; top: 0; left: 0; }

.program-slick .slick .content { padding-top: 13px; padding-bottom: 13px; }

.program-slick .slick .title { display: block; width: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #333333; font-size: 18px; margin-bottom: 9px; }

.program-slick .slick .text { display: block; width: 100%; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #666666; font-size: 14px; }

.harzone-program .program-slick .slick a { border-bottom: 1px solid #e4e4e4; }

.slick-dots { text-align: center; line-height: normal; font-size: 0; }

.slick-dots li { display: inline-block; vertical-align: top; width: 10px; height: 10px; background-repeat: no-repeat; background-position: 0 0; background-size: contain; border: 1px solid #8e8e8e; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 7px; cursor: pointer; overflow: hidden; }

.slick-dots li button { display: none; }

.slick-dots li.slick-active { background-image: url(../webimages/lycdot.png); border: none; width: 12px; height: 12px; }

.program-slick-prev, .program-slick-next { top: 25.88235%; margin-top: 0; }

.program-slick-prev { left: -55px; }

.program-slick-next { right: -55px; }

.harzone-partner { width: 100%; padding-top: 75px; padding-bottom: 70px; overflow: hidden; }

.partner-wrapper { margin-left: -13.54167%; margin-right: -13.54167%; }

.Wpartner-slick { position: relative; overflow: hidden; }

.Wpartner-slick .slick-dots { padding-top: 30px; }

.Wpartner-slick .slick-list { padding-top: 35px !important; padding-bottom: 35px !important; margin-left: -32px; margin-right: -32px; }

.Wpartner-slick .slick { margin-left: 32px; margin-right: 32px; opacity: 0.4; filter: alpha(opacity=40); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.Wpartner-slick .slick.slick-center { opacity: 1; filter: alpha(opacity=100); }

.Wpartner-slick .slick.slick-center a { -webkit-box-shadow: 0 5px 35px -5px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 35px -5px rgba(0, 0, 0, 0.1); }

.Wpartner-slick .slick a { display: block; position: relative; background-color: #fff; padding: 6% 42.66667% 6% 6%; cursor: default; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-repeat: no-repeat; background-size: cover; background-position: right bottom; background-image: url(../webimages/lycrenwubg.png); }

.Wpartner-slick .slick .author { position: absolute; bottom: 0; right: 5.33333%; width: 37.33333%; max-width: 280px; overflow: hidden; }

.Wpartner-slick .slick .author img { display: block; width: 100%; }

.Wpartner-slick .slick .percent { color: #b40c0c; font-size: 48px; line-height: 1; font-weight: bold; margin-bottom: 12px; }

.Wpartner-slick .slick .desc { display: block; width: 100%; color: #333333; font-size: 18px; display: -webkit-box; height: 54px; line-height: 27px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 32px; }

.Wpartner-slick .slick .card { display: block; position: relative; padding-left: 14px; }

.Wpartner-slick .slick .card::before { content: ''; position: absolute; width: 4px; top: 3px; bottom: 3px; background-color: #b40c0c; left: 0; }

.Wpartner-slick .slick .card .name { display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #333333; font-size: 16px; line-height: 1.25; margin-bottom: 7px; }

.Wpartner-slick .slick .card .info { display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #666666; font-size: 14px; line-height: 1.28571; }

.Wpartner-slick-prev { left: 11.45833%; }

.Wpartner-slick-next { right: 11.45833%; }

@media (max-width: 1440px) { .Wpartner-slick .slick-list { margin-left: 15px; margin-right: 15px; }
  .Wpartner-slick .slick { margin-left: 15px; margin-right: 15px; } }

/* 华尊综合页 e */
/* 解决方案综合页 s */
.solution-combat { width: 100%; position: relative; background-color: #fff; padding-top: 75px; padding-bottom: 80px; }

.combat-module { width: 100%; overflow: hidden; position: relative; }

.combat-module ul { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; overflow: hidden; }

.combat-module ul:hover li { width: 21.42857%; }

.combat-module ul li { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; float: left; width: 25%; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; overflow: hidden; position: relative; }

.combat-module ul li:hover { width: 35.71429%; }

.combat-module ul li:hover .mask { opacity: 1; filter: alpha(opacity=100); }

.combat-module ul li:hover .combat-mode .text { max-height: 78px; }

.combat-module ul li a { display: block; width: 100%; overflow: hidden; position: relative; cursor: default; }

.combat-module ul li .figure { width: 100%; height: 460px; overflow: hidden; position: relative; text-align: center; font-size: 0; }

.combat-module ul li .figure img { display: inline-block; vertical-align: top; width: auto; height: 100%; }

.combat-module ul li .offset { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }

.combat-module ul li .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: #2f93e2; opacity: 0.6; filter: alpha(opacity=60); -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; }

.combat-mode { display: table; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; padding-left: 8.57143%; padding-right: 8.57143%; }

.combat-mode .combat-cell { display: table-cell; vertical-align: middle; }

.combat-mode .icon { display: block; width: 90px; height: 90px; overflow: hidden; position: relative; margin: 0 auto; }

.combat-mode .icon img { display: block; width: 100%; }

.combat-mode .title { display: block; width: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #fff; font-size: 22px; line-height: 1.5; padding-top: 12px; padding-bottom: 22px; }

.combat-mode .text { display: block; width: 100%; max-height: 78px; line-height: 26px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #fff; font-size: 14px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; max-height: 0; }

.solution-feature { padding-top: 100px; padding-bottom: 75px; }

.feature-module { width: 100%; overflow: hidden; position: relative; }

.feature-aside { float: left; width: 25.71429%; }

.feature-section { float: left; width: 74.28571%; }

.feature-mode { padding-top: 9.72222%; padding-right: 30.55556%; }

.feature-mode .harzone-title { text-align: left; }

.feature-mode .textcon { padding-top: 20px; padding-bottom: 10px; }

.feature-mode .text { display: block; width: 100%; display: -webkit-box; height: 88px; line-height: 22px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; color: #666666; font-size: 14px; }

.feature-button { position: relative; margin-left: -7px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.feature-button .button { position: static; margin-top: 0; display: inline-block !important; vertical-align: top; margin: 0 7px; }

.feature-slick { width: 100%; overflow: hidden; position: relative; }

.feature-slick .slick-track { padding: 5px 0; }

.feature-slick .slick-list { margin-left: -17px; margin-right: -17px; }

.feature-slick .slick { display: block; margin-left: 17px; margin-right: 17px; }

.feature-slick .slick a { display: block; width: 100%; position: relative; background-color: #fff; cursor: default; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.feature-slick .slick a:hover { -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.1); }

.feature-slick .slick a:hover .figure img { -webkit-transform: translate(0, 0) scale(1.03); -ms-transform: translate(0, 0) scale(1.03); -o-transform: translate(0, 0) scale(1.03); transform: translate(0, 0) scale(1.03); }

.feature-slick .slick .figure { display: block; width: 100%; overflow: hidden; position: relative; padding-top: 88.61538%; }

.feature-slick .slick .figure img { position: absolute; display: block; width: 100%; top: 0; left: 0; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.feature-slick .slick .content { text-align: center; padding: 32px 25px 35px; }

.feature-slick .slick .title { display: block; width: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #333333; font-size: 22px; line-height: 1.5; margin-bottom: 4px; }

.feature-slick .slick .text { display: block; width: 100%; display: -webkit-box; height: 52px; line-height: 26px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #666666; font-size: 14px; }

.solution-scene { width: 100%; overflow: hidden; position: relative; }

.solution-scene .harzone-title { color: #fff; }

.scene-base { width: 100%; height: 670px; overflow: hidden; position: relative; z-index: 1; }

.scene-base img { display: block; width: 1920px; height: 100%; position: absolute; left: 50%; margin-left: -960px; }

.scene-offset { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 70px; }

.scene-slick { width: 100%; position: relative; }

.scene-slick .slick-list { margin-left: -15px; margin-right: -15px; padding: 5px 0; }

.scene-slick .slick { display: block; margin-left: 15px; margin-right: 15px; }

.scene-slick .slick a { display: block; width: 100%; background-color: #fff; cursor: default; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.scene-slick .slick a:hover { -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.1); }

.scene-slick .slick a:hover .figure img { -webkit-transform: translate(0, 0) scale(1.03); -ms-transform: translate(0, 0) scale(1.03); -o-transform: translate(0, 0) scale(1.03); transform: translate(0, 0) scale(1.03); }

.scene-slick .slick .figure { display: block; width: 100%; overflow: hidden; position: relative; padding-top: 86.15385%; }

.scene-slick .slick .figure img { position: absolute; display: block; width: 100%; top: 0; left: 0; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; }

.scene-slick .slick .content { padding: 25px; }

.scene-slick .slick .title { display: block; width: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #333333; font-size: 22px; line-height: 1.5; margin-bottom: 8px; }

.scene-slick .slick .text { display: block; width: 100%; display: -webkit-box; height: 78px; line-height: 26px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #666666; font-size: 14px; }

.scene-slick-prev { left: -55px; }

.scene-slick-next { right: -55px; }

.solution-program { width: 100%; overflow: hidden; position: relative; padding-top: 80px; padding-bottom: 40px; }

/* 解决方案综合页 e */
/* 开发文档内页 s */
.breadcrumbs-nav { overflow: hidden; position: relative; -webkit-box-shadow: 0 3px 15px -5px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 15px -5px rgba(0, 0, 0, 0.5); background-color: #0761ad; padding-left: 320px; padding-right: 320px; top: 0; left: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 22; }

.breadcrumbs-nav.fix { position: fixed; }

.breadcrumbs-nav.fix + .lnbClone { display: block; }

.lnbClone { display: none; width: 100%; height: 46px; }

.webcrumbs { width: 100%; max-width: 1280px; margin: 0 auto; }

.breadcrumbs { width: 100%; overflow: hidden; padding-left: 55px; }

.breadcrumbs ul { margin-left: -15px; margin-right: -15px; }

.breadcrumbs ul li { padding-left: 15px; padding-right: 15px; float: left; position: relative; }

.breadcrumbs ul li:after { content: ''; position: absolute; width: 12px; height: 12px; background: url(../webimages/lyccrumbs.png) no-repeat scroll; left: -6px; top: 17px; }

.breadcrumbs ul li:first-child:after { display: none; }

.breadcrumbs ul li a { display: block; color: #fff; font-size: 16px; line-height: 46px; font-weight: lighter; }

.layout-container { width: 100%; min-height: -webkit-calc(100vh - 146px); min-height: calc(100vh - 146px); position: relative; }

.layout-menu { position: absolute; width: 320px; top: -46px; left: 0; bottom: 0; z-index: 88; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f1f1f1; }

.chapter-muen { position: absolute; width: 320px; top: 0; left: 0; height: 100%; background-color: #f1f1f1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 46px; padding-bottom: 46px; z-index: 22; }

.chapter-muen .chapter-title { position: absolute; top: 0; left: 0; }

.chapter-muen.fix { position: fixed; }

.chapter-title { width: 100%; line-height: 46px; background-color: #0761ad; color: #fff; font-size: 16px; padding: 0 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.el-menu-vertical { height: 100%; overflow-x: hidden; overflow-y: auto; position: relative; border-right: 1px solid #e6e6e6; }

.el-menu-vertical::-webkit-scrollbar-track { background-color: #fff; }

.el-menu-vertical::-webkit-scrollbar { width: 8px; height: 8px; }

.el-menu-vertical::-webkit-scrollbar-thumb { background-color: #9F9F9F; -webkit-border-radius: 4px; border-radius: 4px; outline: 2px solid #fff; outline-offset: -2px; border: 2px solid #fff; }

.el-menu-vertical::-webkit-scrollbar-track-piece { background-color: #fff; -webkit-border-radius: 0; border-radius: 0; }

.el-submenu { list-style: none; margin: 0; padding-left: 0; }

.el-submenu.cur > .submenu__title .el-submenu__icon-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.el-submenu.cur > .el-menu--inline { display: block; }

.el-submenu.cur2 > .submenu__title .el-submenu__icon-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.el-submenu.cur2 > .el-menu--inline { display: block; }

.submenu__title { font-size: 15px; color: #333333; padding-right: 34px; -webkit-transition: border-color .3s,background-color .3s,color .3s; -o-transition: border-color .3s,background-color .3s,color .3s; transition: border-color .3s,background-color .3s,color .3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; line-height: 46px; height: 46px; cursor: pointer; }

.submenu__title a { display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: inherit; padding-left: 20px; }

.submenu__title.h2 { font-weight: bold; }

.submenu__title.h3 a { padding-left: 35px; }

.submenu__title.h4 a { padding-left: 55px; }

.submenu__title.h5 a { padding-left: 70px; }

.submenu__title.h6 a { padding-left: 80px; }

.submenu__title.active { background-color: #e9e9ea; color: #0861ad; }

.submenu__title:hover { background-color: #e9e9ea; }

.el-submenu__icon-arrow { position: absolute; width: 12px; height: 12px; right: 17px; top: 50%; right: 20px; margin-top: -6px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: -o-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s, -o-transform .3s; background-repeat: no-repeat; background-size: contain; background-position: center center; background-image: url(../webimages/elicon-arrow-down.png); display: none; }

.el-menu--inline { display: none; }

.layout-content { margin-left: 320px; margin-right: 320px; }

.layout-web { max-width: 1270px; margin: 0 auto; }

.doc-view-content { padding-left: 50px; padding-right: 50px; }

.markdown-body { padding-top: 50px; padding-bottom: 130px; color: #666666; font-size: 14px; line-height: 32px; }

.markdown-body h2 { line-height: 1.5; color: #333333; font-size: 20px; margin-bottom: 22px; }

.markdown-body h3 { line-height: 1.5; color: #333333; font-size: 18px; margin-bottom: 22px; }

.markdown-body ul { margin: 0; padding-left: 20px; }

.markdown-body ul li { list-style: square; }

.markdown-body img { display: block; max-width: 100% !important; }

.doc-view-title { color: #333333; font-size: 36px; line-height: 1.5; position: relative; padding-bottom: 8px; border-bottom: 1px solid #ececec; margin-bottom: 30px; }

.layout-aside { position: absolute; top: 0; right: 0; width: 330px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.docs-sidenav { position: absolute; margin-top: 50px; max-height: -webkit-calc(100vh - 400px); max-height: calc(100vh - 400px); overflow-y: auto; }

.docs-sidenav::-webkit-scrollbar-track { background-color: #9F9F9F; -webkit-border-radius: 10px; border-radius: 10px; }

.docs-sidenav::-webkit-scrollbar { width: 4px; height: 4px; }

.docs-sidenav::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); }

.docs-sidenav.fix { position: fixed; top: 46px; }

.docs-sidenav .subside > li { display: block; line-height: 32px; }

.docs-sidenav .subside > li a { display: block; padding-right: 1.8em; border-left: 2px solid #e5e5e5; color: #333; font-weight: lighter; font-size: 12px; padding-left: 30px; }

.docs-sidenav .subside .slv1 a { padding-left: 18px; }

.docs-sidenav .subside > li a.active { color: #0861ad; border-left-color: #0861ad; }

/* 开发文档内页 e */
/* lyc 20200615 新增e */